<template>
  <el-card>
    <div slot="header">
      <p class="title">实验方法</p>
    </div>
    <div class="wrapper">
      <div class="content">
        <h3>（1）实验方法描述：</h3>
        <p>
          系统将实验流程中的场景人物分别进行模型构建，实验者在所选择的场景
          中，能够根据情景反映的事件和系统提示的相关信息，用英语说出所选角色需
          要表达的内容，让课堂教学顺利进行，同时实验者可以在场景中进行 360°的
          视角自由移动，三维的场景搭配二维的界面，让学生能够更加直观的进行学习
          与互动。
        </p>
        <h3>（2）学生交互性操作步骤说明：</h3>
        <h5>1.选择实训模块</h5>
        <p>
          学生登录系统，根据需要了解实验项目、进行在线实验，或者查看实验评
          估报告。
        </p>
        <img class="methodimg" src="../../../assets/method1.png" />
        <h5>2.查看实验简介</h5>
        <p>
          实验简介中包含了实验所有介绍信息， 能让实验者对这个项目有一个全面
          的了解。
        </p>
        <img class="methodimg" src="../../../assets/method2.png" />
        <h5>3.实验目的</h5>
        <p>
          实验目的包含了项目的建设背景、 项目建设的必要性和实验教学要达到的
          目标， 以此让学生了解本实验要达到的目的和要求。
        </p>
        <h5>4.实验方法</h5>
        <p>
          实验方法是向学生介绍本实验的核心操作步骤， 让学生了解实验流程， 以
          便在实验中能够有目的的进行实验学习。
        </p>
        <h5>5.实验原理</h5>
        <p>
          实验原理向学生展示本实验所有需要学习的知识点， 让学生了解实验的设- 13
          - 计原理， 帮助学生制定适当的实验学习策略。
        </p>
        <h5>6.选择实训主题</h5>
        <p>
          学生根据实训目的选择相应的实训主题， 如 Managing the Classroom（课
          堂管理）、 Involving the learners(学习引导）、 Working with the
          Textbook （教材处理）等。
          通过不同主题的实训加深学生师范英语口语的实际应用能力。
        </p>
        <img class="methodimg" src="../../../assets/method3.png" />
        <h5>7.选择实训场景</h5>
        <p>
          学生根据实训主题和自己的准备情况选择相应的中学课堂教学场景， 如在
          Everyday Classroom Routines（教学常规）， 选择 1.1 Before the lesson
          （课前）， 1.2 Beginning the lesson（上课） , 1.3 During the
          lesson（课 中） 等场景。
        </p>
        <img class="methodimg" src="../../../assets/method4.png" />
        <h5>8.综合知识考核</h5>
        <p>
          综合知识包含该场景及主题涉及到的需要参与者预先掌握的知识。 系统会
          从题库中按照学生学习的时间及掌握程度随机抽取二十套综合知识题目， 学生
          需要完成 80%以上才能进入下一步的实训演练。
        </p>
        <img class="methodimg" src="../../../assets/method5.png" />
        <h5>9.课前跟读</h5>
        <p>
          学生通过观看、 聆听保存在虚拟仿真系统中由学校老师预先录制好的情景
          对话， 学习、 跟读。 学生也可以观看之前用过该系统的实训视频进行参考。
        </p>
        <img class="methodimg" src="../../../assets/method6.png" />
        <h5>10.提示级别设置</h5>
        <p>
          实训者及考核者可根据自己的实训需要自定义提示级别。
          <ul class="list">
            <li>无提示模式</li>
            <li>低频提示模式</li>
            <li>中频提示模式</li>
            <li>高频提示模式</li>
        </ul>
        </p>
        <img class="methodimg" src="../../../assets/method7.png" />
        <h5>11.角色选择</h5>
        <p>
          学生选择实训模式后， 根据预设场景里面的所有角色选择自己需要进行实
          训的人物， 选取老师、 学生 1、 学生 2 等角色，
          系统会分配给该角色相关任务， 每个人物都有自己的背景、 任务及情景对话，
          每个角色的任务不少于三个， 需- 16 - 完成
          80%以上的任务才可以完成自己的实训考核。
        </p>
        <img class="methodimg" src="../../../assets/method8.png" />
        <h5>12.开始实训</h5>
        <p>
          实验者可以根据场景提示和跟场景中人物的对话来自主说话进行语音识 别，
          跟系统内置关键字进行比较， 通过比对后的重合率来进行给分。
        </p>
        <img class="methodimg" src="../../../assets/method9.png" />
        <h5>13.回答提问</h5>
        <p>
          由系统根据该主题和场景， 从问题库中选择问题进行提问， 也可以让老师
          参与到演练的场景中进行实时提问。
        </p>
        <img class="methodimg" src="../../../assets/method10.png" />
        <h5>14.自我评价</h5>
        <p>
          学生在完成了所有流程以后对自己的表现进行文字评价， 评价内容会被记
          录到实验报告中供教师查看。
        </p>
        <img class="methodimg" src="../../../assets/method11.png" />
        <h5>15.综合评价</h5>
        <p>综合评分包含两个内容：</p>
        <p>
          1） 评分系统实时打分。 教师可以设置各个环节权重， 系统自动算出综合
          得分；
        </p>
        <p>
          2） 学生互评和教师打分。 系统将实验情况进行录制并上传至评分系统，
          教师和学生可以对其进行评价打分。
        </p>
        <p>
          同时， 系统还具有文字记录功能， 能将实验者回答问题的语音转换成文字，
          回答的文字信息也会完整地保留在系统中供教师查看。
        </p>
        <img class="methodimg" src="../../../assets/method12.png" />
      </div>
    </div>
  </el-card>
</template>

<script>
export default {
  components: {}
}
</script>

<style>
.wrapper {
  display: flex;
  justify-content: center;
}
.content {
  width: 1000px;
  font-size: 16px;
  line-height: 30px;
}
.title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.content h3 {
  font-weight: bold;
  font-size: 20px;
  padding: 10px 0;
}
.content span {
  font-weight: bold;
}
.content h5 {
  font-weight: bold;
  font-size: 18px;
  padding: 10px 0;
}
.content p {
  padding: 10px 0;
}
.list {
  list-style: disc;
}
</style>
